.content-ex {
  background: #e2e7ed;
  overflow: auto;

  .rc {
    width: 1200px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -600px;
  }
}

/* 段落模块 */
.section {
  min-height: 160px;
  margin: 16px auto;
  display: flex;
  justify-content: space-between;
}

/*  模块 */
.module {
  background: #fff;
}

/* 模块标题 */
.module-title {
  font-size: 16px;
  color: rgba(21, 137, 202, 1);
  height: 48px;
  line-height: 48px;
  padding: 0 14px;
  border-bottom: 1px solid rgba(207, 207, 207, 1);
  position: relative;
}

/* 常用功能 */
.commonly-used-functions {
  box-sizing: border-box;
  background: rgba(242, 242, 242, 1);
  // padding: 5px;
  position: relative;
  overflow: hidden;
}

/* 常用功能左侧标签 */
.commonly-used-functions-lable {
  width: 40px;
  height: 100px;
  position: absolute;
  box-sizing: border-box;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(28, 149, 216, 1);
  color: #fff;
  font-size: 18px;
  line-height: 18px;
  padding: 11px;
  box-shadow: 0px 0px 3px gray;
}

/* 常用功能图片 */
.commonly-used-functions-img {
  height: 110px;
  position: absolute;
  margin-top: 30px;
  width: 45px;
  margin-left: -12px;
  z-index: 99;
  content: url(../../../assets/images/protal1/zygl.png);
}

.commonly-used-functions-text {
  height: 110px;
  position: absolute;
  margin-top: 43px;
  width: 20px;
  margin-left: 4px;
  z-index: 99;
  color: #fff;
  font-weight: bold;
}

/* 常用功能右侧半圆 */
.commonly-used-functions-icon {
  height: 60px;
  position: absolute;
  right: -24px;
  top: 50%;
  margin-top: -30px;
  content: url(../../../assets/images/protal1/by.svg);
}

/* 常用功能表格 */
.commonly-used-functions tr>td {
  width: 254px;
  height: 85px;
  background: #fff;
}

.commonly-used-functions tr>td:first-child,
.commonly-used-functions tr>td:last-child {
  width: 254px;
}

.commonly-used-functions-item>span {
  font-size: 16px;
}

.commonly-used-functions-item .img-item {
  content: url(../../../assets/images/protal1/icon_01.svg);
}

.commonly-used-functions-item {
  .item-out {
    width: 60px;
    height: 60px;
    background: #ffe5c9;
    border-radius: 30px;
    margin-right: 6px;

    .item-in {
      width: 50px;
      height: 50px;
      background: #f18220;
      border-radius: 25px;
      margin-left: 5px;
      margin-top: 5px;

      .item-img {
        content: url(../../../assets/images/protal1/yl.svg);
        width: 26px;
        padding-top: 10px;
        margin-left: 12px;
      }
    }
  }

  .item-out2 {
    background: #e1e6f9;

    .item-in2 {
      background: #7988d1;

      .item-img2 {
        content: url(../../../assets/images/protal1/xz.svg);
      }
    }
  }

  .item-out3 {
    background: #d4fdc6;

    .item-in3 {
      background: #80ce69;

      .item-img3 {
        content: url(../../../assets/images/protal1/xz.svg);
      }
    }
  }

  .item-out4 {
    background: #ffe3e1;

    .item-in4 {
      background: #fe656e;

      .item-img4 {
        content: url(../../../assets/images/protal1/xz.svg);
      }
    }
  }

  .item-out5 {
    background: #d7feff;

    .item-in5 {
      background: #46b7e3;

      .item-img5 {
        content: url(../../../assets/images/protal1/xz.svg);
      }
    }
  }

  .item-out6 {
    background: #fff7b0;

    .item-in6 {
      background: #ffcf4e;

      .item-img6 {
        content: url(../../../assets/images/protal1/xz.svg);
      }
    }
  }

  .item-out7 {
    background: #d5fdff;

    .item-in7 {
      background: #64dcda;

      .item-img7 {
        content: url(../../../assets/images/protal1/xz.svg);
      }
    }
  }

}

/* 业务入口 */
.business-entry {
  width: 400px;
  margin-left: 10px;
}

.more-business {
  position: absolute;
  display: inline;
  right: 12px;
  top: 50%;
  line-height: 0;
  transform: translateY(-50%);

  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  color: #999;
  font-size: 14px;
}

.more-business img {
  max-width: 18px;
  margin-right: 6px;
  content: url(../../../assets/images/protal1/more-business.svg);
}

.business-entry table {
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

.business-entry tr>td {
  height: 52px;
  width: 150px;
}

.business-entry-item {
  .item-in {
    width: 34px;
    height: 34px;
    background: #4cc783;
    border-radius: 17px;
    margin-right: 3px;

    .item-img {
      content: url(../../../assets/images/protal1/xz.svg);
      width: 24px;
      padding-top: 5px;
      margin-left: 5.5px;
    }
  }

  .item-in2 {
    background: #eca06c;

    .item-img2 {
      content: url(../../../assets/images/protal1/xz.svg);
    }
  }

  .item-in3 {
    background: #49a1cc;

    .item-img3 {
      content: url(../../../assets/images/protal1/xz.svg);
    }
  }

  .item-in4 {
    background: #f26c71;

    .item-img4 {
      content: url(../../../assets/images/protal1/xz.svg);
    }
  }

  .item-in5 {
    background: #66d3c1;

    .item-img5 {
      content: url(../../../assets/images/protal1/xz.svg);
    }
  }

  .item-in6 {
    background: #b198e1;

    .item-img6 {
      content: url(../../../assets/images/protal1/xz.svg);
    }
  }
}

.business-entry-item>span {
  font-size: 14px;
}

/* 常用功能项和业务入口项共同部分 */
.commonly-used-functions-item {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.business-entry-item {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid rgba(240, 240, 240, 1);
}

.commonly-used-functions-item>h4,
.business-entry-item>h4 {
  color: #333;
}

.commonly-used-functions-item:hover,
.business-entry-item:hover {
  background: rgba(239, 181, 126, 1);
}

.commonly-used-functions-item:hover>h4,
.business-entry-item:hover>h4 {
  color: #fff;
}

.td-border-all {
  border-bottom: 1px dashed rgba(207, 207, 207, 1);
  border-right: 1px dashed rgba(207, 207, 207, 1);
}

.td-border-bottom {
  border-bottom: 1px dashed rgba(207, 207, 207, 1);
}

.td-border-right {
  border-right: 1px dashed rgba(207, 207, 207, 1);
}

/* 通知 */
.notify-module {
  width: 400px;
}

.notify-list {
  padding: 8px 24px;
}

.notify-list-header {
  color: #fff;
  background: rgba(90, 190, 219, 1);
}

.notify-list-header>.date {
  width: 88px;
  text-align: center;
}

.notify-item {
  height: 34px;
  padding: 0 18px 0 10px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.notify-item:not(:first-child) {
  border-bottom: 1px solid rgba(228, 241, 243, 1);
}

.notify-item-title>a {
  display: flex;
  align-items: center;
  color: #333;
}

.notify-item-title a>img {
  max-width: 16px;
  margin-right: 10px;
}

.notify-item-title .img-item {
  content: url(../../../assets/images/protal1/editor.svg);
}

.notify-item-date {
  width: 88px;
  text-align: center;
  font-size: 14px;
  color: #666;
}

/* 待办 */
.todo-module {
  margin-left: 10px;
  width: 790px;
}

/* 标题栏统计 */
.todo-module .module-title .statistics {
  color: #666;
}

.todo-module .module-title .statistics .num {
  color: rgba(240, 154, 105, 1);
}

/* 标题栏操作 */
.todo-module .module-title .action {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  font-size: 14px;
}

.todo-module .module-title .action>div {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #999;
}

.todo-module .module-title .action>div:not(:last-child) {
  margin-right: 20px;
}

.todo-module .module-title .action>div>img {
  max-width: 16px;
  margin-right: 6px;
}

.refresh {
  content: url(../../../assets/images/protal1/refresh.svg);
}

.custom {
  content: url(../../../assets/images/protal1/custom.svg);
}

.todo-list-container {
  padding: 0 20px;
}

/* 待办事项过滤 */
.todo-list-filter {
  padding-inline-start: 0px;
  display: flex;
  height: 80px;
  -webkit-box-pack: justify;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(207, 207, 207, 0.6);
}

.todo-list-filter-item {
  width: 120px;
  height: 64px;
  display: flex;
  cursor: pointer;
  margin-left: 6px;
}

.todo-list-filter-item .icon {
  width: 60px;
  background-size: 30px 30px;
  background-position: center center;
  background-repeat: no-repeat;
}

.todo-list-filter-item .label {
  width: 85px;
  padding: 0 6px;
  display: flex;
  font-size: 14px;
  flex-direction: column;
  justify-content: center;
  background: rgba(226, 231, 237, 1);
}

/* 第一个 */
.todo-list-filter-item:nth-child(1) .icon {
  background-color: rgba(90, 190, 219, 1);
  background-image: url(../../../assets/images/protal1/todo.svg);
}

.todo-list-filter-item:nth-child(1) .label-title {
  color: rgba(90, 190, 219, 1);
}

.todo-list-filter-item.active:nth-child(1) .label,
.todo-list-filter-item:nth-child(1):hover .label {
  background-color: rgba(90, 190, 219, 1);
  color: #fff;
}

.todo-list-filter-item.active:nth-child(1) .label-title,
.todo-list-filter-item:nth-child(1):hover .label-title {
  color: #fff;
}

/* 第二个 */
.todo-list-filter-item:nth-child(2) .icon {
  background-color: rgba(179, 153, 222, 1);
  background-image: url(../../../assets/images/protal1/todo.svg);
}

.todo-list-filter-item:nth-child(2) .label-title {
  color: rgba(179, 153, 222, 1);
}

.todo-list-filter-item.active:nth-child(2) .label,
.todo-list-filter-item:nth-child(2):hover .label {
  background-color: rgba(179, 153, 222, 1);
  color: #fff;
}

.todo-list-filter-item.active:nth-child(2) .label-title,
.todo-list-filter-item:nth-child(2):hover .label-title {
  color: #fff;
}

/* 第三个 */
.todo-list-filter-item:nth-child(3) .icon {
  background-color: rgba(113, 198, 190, 1);
  background-image: url(../../../assets/images/protal1/todo.svg);
}

.todo-list-filter-item:nth-child(3) .label-title {
  color: rgba(113, 198, 190, 1);
}

.todo-list-filter-item.active:nth-child(3) .label,
.todo-list-filter-item:nth-child(3):hover .label {
  background-color: rgba(113, 198, 190, 1);
  color: #fff;
}

.todo-list-filter-item.active:nth-child(3) .label-title,
.todo-list-filter-item:nth-child(3):hover .label-title {
  color: #fff;
}

/* 第四个 */
.todo-list-filter-item:nth-child(4) .icon {
  background-color: rgba(236, 162, 98, 1);
  background-image: url(../../../assets/images/protal1/todo.svg);
}

.todo-list-filter-item:nth-child(4) .label-title {
  color: rgba(236, 162, 98, 1);
}

.todo-list-filter-item.active:nth-child(4) .label,
.todo-list-filter-item:nth-child(4):hover .label {
  background-color: rgba(236, 162, 98, 1);
  color: #fff;
}

.todo-list-filter-item.active:nth-child(4) .label-title,
.todo-list-filter-item:nth-child(4):hover .label-title {
  color: #fff;
}

/* 第五个 */
.todo-list-filter-item:nth-child(5) .icon {
  background-color: rgba(65, 159, 203, 1);
  background-image: url(../../../assets/images/protal1/todo.svg);
}

.todo-list-filter-item:nth-child(5) .label-title {
  color: rgba(65, 159, 203, 1);
}

.todo-list-filter-item.active:nth-child(5) .label,
.todo-list-filter-item:nth-child(5):hover .label {
  background-color: rgba(65, 159, 203, 1);
  color: #fff;
}

.todo-list-filter-item.active:nth-child(5) .label-title,
.todo-list-filter-item:nth-child(5):hover .label-title {
  color: #fff;
}

/* 第六个 */
.todo-list-filter-item:nth-child(6) .icon {
  background-color: rgba(236, 100, 111, 1);
  background-image: url(../../../assets/images/protal1/todo.svg);
}

.todo-list-filter-item:nth-child(6) .label-title {
  color: rgba(236, 100, 111, 1);
}

.todo-list-filter-item.active:nth-child(6) .label,
.todo-list-filter-item:nth-child(6):hover .label {
  background-color: rgba(236, 100, 111, 1);
  color: #fff;
}

.todo-list-filter-item.active:nth-child(6) .label-title,
.todo-list-filter-item:nth-child(6):hover .label-title {
  color: #fff;
}

/* 待办事项列表 */
.todo-list {
  padding-inline-start: 0px;
}

.todo-list-item {
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px 0 0;
}

.todo-list-item:nth-child(2n) {
  background: rgba(244, 244, 244, 1);
}

.todo-list-item-title {
  display: flex;
  align-items: center;
}

.todo-list-item-title::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background: rgba(113, 175, 200, 1);
  margin-right: 6px;
}

.todo-list-item-stay-time>span {
  color: rgba(239, 181, 126, 1);
}

.todo-list-item-date {
  margin-left: 16px;
}
